<!DOCTYPE html>
<html>
	<head>
		<title>登录</title>
		<%include ../common/meta.html %>
		<%include ../common/css.html %>
		<style type="text/css">
			.header {
				text-align: center;
				padding: 40px 0 10px 0;
			}
		</style>
	</head>
	<body ontouchstart>
		<header class="header">
			<svg class="svg-icon" aria-hidden="true">
				<use xlink:href="#icon-safe"></use>
			</svg>
		</header>
		<div class="weui-cells__title">用户名</div>
		<div class="weui-cells">
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<svg class="svg-icon" aria-hidden="true">
						<use xlink:href="#icon-user-add"></use>
					</svg>
				</div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="text" placeholder="请输入用户名">
				</div>
			</div>
		</div>
		<div class="weui-cells__title">密码</div>
		<div class="weui-cells">
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<svg class="svg-icon" aria-hidden="true">
						<use xlink:href="#icon-password-lock"></use>
					</svg>
				</div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="password" placeholder="请输入密码">
				</div>
			</div>
		</div>
		<a href="javascript:;" class="weui-btn weui-btn_primary login-btn">登录</a>
		<%include ../common/footer.html %>
		<%include ../common/js.html %>
		<script type="text/javascript">
			$(function(){
				$('.login-btn').on('click',function(){
					$(this).animateCss('pulse');
					$.showLoading('登录中');
					window.location.href='/';
				});
			});
		</script>
	</body>
</html>